<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>湖南省益阳市数据分析与可视化平台</title>
    <link rel="icon" type="image/x-icon" href="/image/pachong1.jpg" />
    <link rel="stylesheet" href="../CSS/iconfont.css">
    <link rel="stylesheet" href="../CSS/index.css">
    <link rel="stylesheet" href="../CSS/login.css">
    <link rel="stylesheet" href="../CSS/public.css">
</head>

<body>
    <header></header>
    <section>
        <div class="promptBox"></div>
        <!-- 注册 -->
        <div class="loginBox" id="register">
            <div class="box">
                <div class="close"><span class="iconfont icon-guanbi"></span></div>
                <h2>register</h2>
                <div class="input-box">
                    <label>账号</label>
                    <input type="text" id="registerUsername" placeholder="手机号/邮箱">
                    <p class="error" id="registerUsernameError"></p>
                </div>
                <div class="input-box">
                    <input type="text" id="registerVerificationCode" placeholder="请输入验证码"><span
                        id="registerVerificationCodeBtn" class="CAPTCHA">获取验证码</span>
                    <p class="error" id="registerVerificationCodeError"></p>
                </div>
                <div class="input-box">
                    <label>密码</label>
                    <input type="password" id="registerPassword" placeholder="请输入密码">
                    <p class="error" id="registerPasswordError"></p>
                </div>
                <div class="btn-box">
                    <a href="javascript:void(0)" id="SwitchLogin">已有账号,去登录</a>
                    <div>
                        <input id="registerBtn" type="button" value='注册'>
                    </div>
                </div>
            </div>
        </div>
        <!-- 登录 -->
        <div class="loginBox" id="login">
            <div class="box">
                <div class="close"><span class="iconfont icon-guanbi"></span></div>
                <h2>Login</h2>
                <div class="input-box">
                    <label>账号</label>
                    <input type="text" id="loginUsername" placeholder="手机号/邮箱">
                    <p class="error" id="loginUsernameError"></p>
                </div>
                <div class="input-box">
                    <label>密码</label>
                    <input type="password" id="loginPassword" placeholder="请输入密码">
                    <p class="error" id="loginPasswordError"></p>
                </div>
                <div class="btn-box">
                    <p>
                        <a href="javascript:void(0)" id="SwitchRegister">注册</a>
                        <a href="javascript:void(0)" id="ForgetPassword">忘记密码?</a>
                    </p>
                    <div>
                        <input id="loginBtn" type="button" value='登录'>
                    </div>
                </div>
            </div>
        </div>
        <!-- 忘记密码 -->
        <div class="loginBox" id="Password">
            <div class="box">
                <div class="close"><span class="iconfont icon-guanbi"></span></div>
                <h2>register</h2>
                <div class="input-box">
                    <label>账号</label>
                    <input type="text" id="passwordUsername" placeholder="请输入账号">
                    <p class="error" id="passwordUsernameError"></p>
                </div>
                <div class="input-box">
                    <input type="text" id="passwordVerificationCode" placeholder="请输入验证码"><span
                        id="passwordVerificationCodeBtn" class="CAPTCHA">获取验证码</span>
                    <p class="error" id="passwordVerificationCodeError"></p>
                </div>
                <div class="input-box">
                    <label>新密码密码</label>
                    <input type="password" id="FP" placeholder="请输入新的密码">
                    <p class="error" id="ForgetPasswordError"></p>
                </div>
                <div class="btn-box">
                    <div>
                        <input id="FPB" type="button" value='确认修改'>
                    </div>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="logo">
                <div>
                    <p class="touxiang" id="LD"><span class="iconfont icon-weidenglutouxiang" id="TX"></span></p>
                    <p class="name" id="name">请先登录</p>
                </div>
            </div>
            <ul>
            </ul>
        </div>
        <div class="main">
            <iframe name="iframe" id="iframe" src="./cesi.html" frameborder="0"></iframe>
        </div>
    </section>
</body>
<script src="../JS/jquery-3.7.0.min.js"></script>
<script src="/public/JS/port.js"></script>
<script src="../JS/YMJS/index.js"></script>
<script src="../JS/YMJS/login_register.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

</html>